<template>
	<Page>
		<el-form slot="page-search" ref="form" :inline="true">
			<el-form-item label="代理ID">
				<el-input />
			</el-form-item>
			<el-form-item label="代理名称">
				<el-input />
			</el-form-item>
			<el-form-item label="用户名">
				<el-input />
			</el-form-item>
			<el-form-item label="绑定会员ID">
				<el-input />
			</el-form-item>
			<el-form-item label="所绑会员名称">
				<el-input />
			</el-form-item>
			<el-form-item label="注册时间">
				<el-date-picker
					v-model="registerTime"
					size="medium"
					:picker-options="pickerOptions"
					format="yyyy-MM-dd HH:mm:ss"
					type="datetimerange"
					range-separator="-"
					:start-placeholder="$t('common.start_date')"
					:end-placeholder="$t('common.end_date')"
					align="right"
					:clearable="true"
					value-format="timestamp"
					style="width: 430px"
					:default-time="defaultTime"
				></el-date-picker>
			</el-form-item>
			<el-form-item>
				<el-button
					type="primary"
					icon="el-icon-search"
					:disabled="loading"
					:loading="loading"
					size="medium"
					@click="search"
				>
					{{ $t('common.search') }}
				</el-button>
				<el-button
					icon="el-icon-refresh-left"
					:disabled="loading"
					size="medium"
					@click="reset"
				>
					{{ $t('common.reset') }}
				</el-button>
				<el-button
					type="warning"
					icon="el-icon-download"
					size="medium"
					:disabled="loading"
				>
					{{ $t('common.export') }}
				</el-button>
			</el-form-item>
		</el-form>
		<el-table
			slot="page-table"
			border
			size="mini"
			:data="[1]"
			style="width: 100%"
			:header-cell-style="getRowClass"
			highlight-current-row
		>
			<el-table-column
				prop="userName"
				align="center"
				label="俱乐部ID"
				width="150"
			>
				--
			</el-table-column>
			<el-table-column
				prop="userName"
				align="center"
				label="俱乐部ID"
				width="100"
			>
				--
			</el-table-column>
			<el-table-column
				prop="userName"
				align="center"
				label="俱乐部名称"
				width="150"
			>
				--
			</el-table-column>
			<el-table-column
				prop="userName"
				align="center"
				label="俱乐部介绍"
				width="200"
			>
				--
			</el-table-column>
			<el-table-column
				prop="userName"
				align="center"
				label="俱乐部会员数量"
				width="150"
			>
				--
			</el-table-column>
			<el-table-column
				prop="userName"
				align="center"
				label="代理ID"
				width="150"
			>
				--
			</el-table-column>
			<el-table-column
				prop="userName"
				align="center"
				label="代理名称"
				width="150"
			>
				--
			</el-table-column>
			<el-table-column
				prop="userName"
				align="center"
				label="注册时间"
				width="150"
			>
				--
			</el-table-column>
			<el-table-column
				prop="userName"
				align="center"
				label="操作"
				width="150"
			>
				--
			</el-table-column>
		</el-table>
	</Page>
</template>

<script>
import Page from '@/components/Page'
import list from '@/mixins/list'

export default {
	name: 'ClubApplyList',
	components: {
		Page
	},
	mixins: [list]
}
</script>
